<style>
    body {
        width: 100% auto;
        margin: 0;
    }

    .win1 {
        background-color: transparent;
        width: 80px;
        height: 80px;
    }

    #show_time0, #show_time {
        color: black;
    }
</style>


<link href="__CDN__/assets/files/style.css" type="text/css" rel="stylesheet">
<link href="__CDN__/assets/files/customScrollbar.css" type="text/css" rel="stylesheet">
<link href="__CDN__/assets/files/flatWeatherPlugin.css" type="text/css" rel="stylesheet">
<link href="__CDN__/assets/files/custom-site.css" type="text/css" rel="stylesheet">


<span>
    <div id="headercand">
        <div class="wrapper" id="HeaderZone">
            <div class="">

                <div class="logo">
                    <a href="https://www.baidu.com">
                        <img src="__CDN__/assets/files/world.png" alt="logo">
                    </a>
                </div>
                <div style="float:right">
                    <img src="__CDN__/assets/files/history03.png" style="">
                </div>
                <div class="clear"></div>
            </div>
            <div class="">
                <div class="main-nav">
                    <div class="nav site-nav">
                        <ul>
                            <li>
                                <a href="{:url('thmpc/index')}" target="_blank">首頁</a>
                            </li>

                        </ul>
                    </div>
                    <div class="nav page-nav">
                        <ul>
                            <li class="active">
                                <a href="https://www.baidu.com" class="icon-home">測試</a>
                            </li>
                            <li><a href="https://www.baidu.com">測試1</a>
                                <ul class="children">
                                    <li><a href="./">測試2</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="nav event-short">
                <ul class="clearfix">
                    <li class="head-title"><a href="javascript:;">測試3</a></li>

                    <li>
                        <a href="https://www.baidu.com" title="測試4">測試4</a>
                    </li>

                </ul>
            </div>

        </div>
    </div>

    <div class="wrapper sitecover homepage">
        <div class="navbar">
            <div class="wrapper clearfix" id="NavZoneTop">

            </div>
        </div>
        <div class="sitecover-cont clearfix">
            <div class="l-col" id="LeftZoneTop">


                <div class="newstime clearfix">
                    <div id="show_time0" style="margin-left:200px"></div>

                </div>
                <div class="spec-news clearfix">
                    <div class="feature">
                        <ul class="rslides clearfix" id="sliderFeat">

                            <li>
                                <div class="headcate">1111111</div>

                    </div>
                </div>
            </div>
        </div>
        <script>
            function FloatTopDiv() {
                startLX = ((document.body.clientWidth - MainContentW) / 2) - LeftBannerW - LeftAdjust, startLY = TopAdjust + 80;
                startRX = ((document.body.clientWidth - MainContentW) / 2) + MainContentW + RightAdjust, startRY = TopAdjust + 80;
                var d = document;

                function ml(id) {
                    var el = d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id];
                    el.sP = function (x, y) {
                        this.style.left = x + 'px';
                        this.style.top = y + 'px';
                    };
                    el.x = startRX;
                    el.y = startRY;
                    return el;
                }

                function m2(id) {
                    var e2 = d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id];
                    e2.sP = function (x, y) {
                        this.style.left = x + 'px';
                        this.style.top = y + 'px';
                    };
                    e2.x = startLX;
                    e2.y = startLY;
                    return e2;
                }

                window.stayTopLeft = function () {
                    if (document.documentElement && document.documentElement.scrollTop)
                        var pY = document.documentElement;
                    else if (document.body)
                        var pY = document.body;
                    if (document.body.scrollTop > 30) {
                        startLY = 3;
                        startRY = 3;
                    } else {
                        startLY = TopAdjust;
                        startRY = TopAdjust;
                    }
                    ;
                    ftlObj.y += (pY + startRY - ftlObj.y) / 16;
                    ftlObj.sP(ftlObj.x, ftlObj.y);
                    ftlObj2.y += (pY + startLY - ftlObj2.y) / 16;
                    ftlObj2.sP(ftlObj2.x, ftlObj2.y);
                    setTimeout("stayTopLeft()", 1);
                }
                ftlObj = ml("divAdRight");
                //stayTopLeft();
                ftlObj2 = m2("divAdLeft");
                stayTopLeft();
            }

            function ShowAdDiv() {
                var objAdDivRight = document.getElementById("divAdRight");
                var objAdDivLeft = document.getElementById("divAdLeft");
                if (document.body.clientWidth < 1280) {
                    objAdDivRight.style.display = "none";
                    objAdDivLeft.style.display = "none";
                } else {
                    objAdDivRight.style.display = "block";
                    objAdDivLeft.style.display = "block";
                    FloatTopDiv();
                }
            }
        </script>
        <script>
            document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 160;RightBannerW = 160;LeftAdjust = 15;RightAdjust = 15;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
        </script>
        <script type="text/javascript" language="javascript">
            MainContentW = 1000;
            LeftBannerW = 160;
            RightBannerW = 160;
            LeftAdjust = 15;
            RightAdjust = 15;
            TopAdjust = 10;
            ShowAdDiv();
            window.onresize = ShowAdDiv;
        </script>
        <script type="text/javascript" language="javascript">
            MainContentW = 1000;
            LeftBannerW = 160;
            RightBannerW = 160;
            LeftAdjust = 15;
            RightAdjust = 15;
            TopAdjust = 10;
            ShowAdDiv();
            window.onresize = ShowAdDiv;
        </script>
        <script type="text/javascript" language="javascript">
            MainContentW = 1000;
            LeftBannerW = 160;
            RightBannerW = 160;
            LeftAdjust = 15;
            RightAdjust = 15;
            TopAdjust = 10;
            ShowAdDiv();
            window.onresize = ShowAdDiv;
        </script>
    </div>
    </div>
    </div>
  </span>
<script>
    //這裡就一句話就可以顯示時間，但不是我想要的最理想結果
    setInterval("show_time0.innerHTML=new Date().toLocaleString()", 1000);
</script>

<div class="scroll-top-wrapper  show win1"
     style="top:100px; width:80px; height:200px;position: fixed ;z-index: 99999999;right : 10%;">
    <a class="win1" href="{:url('thmpc/button1')}">
        <img alt="img" src="__CDN__/assets/files/icon_search.png" class="win1">
    </a><pre>
   </pre>
    <a class="win1" href="{:url('thmpc/button2')}?type=16">
        <img alt="img" src="__CDN__/assets/files/input.png" class="win1">
    </a><pre>
   </pre>

    <a class="win1" href="https://www.teamviewer.com/download/">
        <img alt="img" src="__CDN__/assets/files/tv.png" class="win1">
    </a>
</div>


